<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>背景图缩放</title>
  <style>
    div {
        width: 1000px;
        height: 500px;
        background-color: #e15fad;
        background-image: url(./image/1680314152822.png);
        background-repeat: no-repeat;
        /*background-size: cover;*/
        /*background-size: contain;*/
        background-size: 100%;
    }
  </style>
</head>
<body>
<div></div>

</body>
</html>